<!DOCTYPE html>
<html lang="zh-cn">
<head>
<!--头部信息-->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!--title keywords description 请改为自己的-->
<title>简单导航 - 简单但实用的导航</title>
<meta name="keywords" content="简单,导航,网址导航"/>
<meta name="description" content="简单但实用的导航"/>

<!--网站favicon可以没有或者改为自己的-->
<link rel="shortcut icon" type="image/x-icon" href="https://i.loli.net/2020/08/13/zcOyYnZmAUNB1ap.jpg"/>

<!--CSS 若不需要变动样式不用改-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.8.1/css/zui.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
ul {
    padding: 0;
}
li {
    list-style: none;
}
a:hover,a:active,a:focus {
    text-decoration: none;
}
body {
    background-image: url();
    background-repeat:repeat;
    background-attachment:fixed;
    overflow-x: hidden;
    overflow-y: auto;
}
i.icon,i.fa {
    margin-right: 6px
}
.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 0px 5px;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 50px;
    background: #FFF;
}
header .logo {
    font-size: 20px;
    height: 50px;
    margin: 0;
    font-weight: 900;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e8e8e8;
    background: #FFF;
    text-align:center;
}
header .main {
    position: relative;
}
header .nav {
    width: 100%;
    margin-left: 25px;
    background: #FFF;
    margin: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
 /* Firefox 4 */
    -webkit-transition: all 0.4s ease;
 /* Safari  Chrome */
    -o-transition: all 0.4s ease;
 /* Opera */
    position: absolute;
    top: -300px;
    left: 0;
}
header .showNav {
    top: 50px;
    box-shadow: 0 5px 5px rgba(204,204,204,.15);
    -moz-box-shadow: 0 5px 5px rgba(204,204,204,.15);
}
header .nav li {
    font-size: 16px;
}
header .nav a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #959595;
    padding: 0 25px;
    border-bottom: 1px solid #f5f5f5;
}
header .nav a:hover {
    border-color: #459df5;
    color: #459df5;
}
header .head-btn {
    float: right;
    line-height: 60px;
}
header .head-btn a {
    margin-left: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f5f5f5;
    color: #03b8cf;
    border: 1px solid #e5e5e5;
    transition: all .2s;
    -moz-transition: all .2s;
 /* Firefox 4 */
    -webkit-transition: all .2s;
 /* Safari Chrome */
    -o-transition: all .2s;
 /* Opera */
}
header .head-btn a:hover {
    background: #03b8cf;
    color: #FFF;
    border: 1px solid #03b8cf;
}
header .head-btn a>i {
    margin-right: 0px;
    font-size: 15px;
}
header .nav-btn {
    position: fixed;
    border: none;
    background: transparent;
    top: 0;
    left: 10px;
    outline: 0;
    margin-top: 10px;
    z-index: 100
}
header .nav-btn {
    left: inherit;
    right: 10px;
}
header .nav-btn .icon-line {
    display: block;
    margin: 6px 0;
    width: 25px;
    height: 2px;
    background: #999;
    cursor: pointer;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
 /* Firefox 4 */
    -webkit-transition: all .4s ease;
 /* Safari  Chrome */
    -o-transition: all .4s ease;
 /* Opera */
}
header .nav-btn .middle {
    margin: 0 auto;
}
header .animated2 .top {
    transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
   /* IE 9 */
    -moz-transform: translateY(8px) rotateZ(45deg);
   /* Firefox */
    -webkit-transform: translateY(8px) rotateZ(45deg);
 /* Safari 鍜 Chrome */
    -o-transform: translateY(8px) rotateZ(45deg);
   /* Opera */
}
header .animated2 .middle {
    width: 0;
}
header .animated2 .bottom {
    transform: translateY(-8px) rotateZ(-45deg);
    -ms-transform: translateY(-8px) rotateZ(-45deg);
   /* IE 9 */
    -moz-transform: translateY(-8px) rotateZ(-45deg);
   /* Firefox */
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
 /* Safari Chrome */
    -o-transform: translateY(-8px) rotateZ(-45deg);
   /* Opera */
}
.left-bar {
    position: fixed;
    top: 50px;
    left: -240px;
    width: 200px;
    max-width: 100%;
    height: 100%;
    background: #353535;
    z-index: 12;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
 /* Firefox 4 */
    -webkit-transition: all 0.4s ease;
 /* Safari 鍜 Chrome */
    -o-transition: all 0.4s ease;
 /* Opera */
    transform: translateZ(0);
    -ms-transform: translateZ(0);
   /* IE 9 */
    -moz-transform: translateZ(0);
   /* Firefox */
    -webkit-transform: translateZ(0);
 /* Safari 鍜 Chrome */
    -o-transform: translateZ(0);
   /* Opera */
}
.left-bar .header {
    padding: 0px 15px;
    border-bottom: 1px solid #464646;
}
.left-bar .header h2 {
    font-size: 17px;
    line-height: 40px;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    font-weight: 400;
    display: block;
    color: #ccc;
}
.left-bar .menu {
    height: 450px;
    margin-bottom: 15px;
    border-bottom: 1px solid #424242
}
.left-bar .menu ul li a {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #777;
    padding-left: 38px;
}
.scrollcontent {
    width: 100%;
    top: 0;
    left: 0;
    padding-right: 4px;
    padding-top: 5px
}
.left-bar .menu ul li a:hover {
    background: #f5f5f5
}
.left-bar .menu ul li i.fa {
    width: 15px;
    text-align: center;
    margin-right: 20px
}
.left-bar .tree li.open > ul::-webkit-scrollbar {
    width: 3px;
    margin-right: 2px
}
.menu-about p {
    font-size: 12px;
    color: #ccc;
    text-align: center;
}
#content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#content > .Off-left-menu {
    display: none;
}
#content > div.center-main {
    margin: 0 auto;
}
.sousuo {
    padding: 35px 0;
}
.search {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.search-box {
    height: 50px;
  /*box-shadow: 0px 0px 2px 0px #ccc;*/
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-flex;
 /* Safari */
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e6e6e6
}
.search-engine-name {
    width: 69px;
    height: 50px;
    background: #16C0F8;
    border: none;
    color: #fff;
    font-weight: bold;
    outline: none;
}
.search-input {
    box-sizing: border-box;
    flex: 1;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #999;
    border: none;
    outline: none;
    padding-left: 6px;
}
input::-webkit-input-placeholder {
    font-size: 12px;
    letter-spacing: 1px;
    color: #ccc;
}
.search-btn {
    width: 80px;
    height: 50px;
    background: #16C0F8;
    border: none;
    color: #fff;
    font-weight: bold;
    outline: none;
}
.search-engine {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #FFF;
    padding: 15px 0 0 15px;
    border-radius: 5px;
    box-shadow: 0px 5px 20px 0px #d8d7d7;
    transition: all 0.3s;
    display: none;
    z-index: 999
}
.search-engine-head {
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 15px;
}
.search-engine-tit {
    float: left;
    margin: 0;
    font-size: 14px;
    color: #999;
}
.search-engine ul::before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: -15px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
}
.search-engine-list::after {
    content: '';
    width: 70px;
    height: 18px;
    position: absolute;
    top: -17px;
    left: 1px;
}
.search-engine-list li {
    float: left;
    width: 30%;
    line-height: 30px;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    margin: 0 10px 10px 0;
    background: #f9f9f9;
    color: #999;
    cursor: pointer
}
.search-engine-list li img {
    width: 25px;
    height: 25px;
    border-radius: 15px;
    float: left;
    margin-right: 5px;
    margin-top: 2.5px;
}
#content .content-box {
    padding-top: 51px
}
.content-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}
.item {
    width: 100%;
}
.item > .container-fluid {
    padding-top: 0;
    margin-top: 0;
}
.item > .container-fluid .row {
    padding: 10px 5px;
}
.item-tit > strong {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    padding-left: 5px;
}
.item-tit > strong > i {
    margin-right: 5px;
    font-size: 18px;
}
.card-link {
    display: block;
    padding: 10px 10px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
 /* Firefox 4 */
    -webkit-transition: all 0.2s ease-out;
 /* Safari Chrome */
    -o-transition: all 0.2s ease-out;
 /* Opera */
}
.card-link:hover {
    transform: translateY(-5px);
    -ms-transform: translateY(-5px);
   /* IE 9 */
    -moz-transform: translateY(-5px);
   /* Firefox */
    -webkit-transform: translateY(-5px);
 /* Safari  Chrome */
    -o-transform: translateY(-5px);
   /* Opera */
    box-shadow: 4px 4px 10px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 4px 4px 10px rgba(204, 204, 204, 0.5);
 /* Firefox */
}
.card-tit {
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.card-tit img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 5px;
}
.card-desc {
    color: gray;
    font-size: 12px;
    padding-top: 10px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content-box .list-box {
    background: #FFF;
    padding: 20px 10px 0px 10px;
    margin: 0;
}
#get-top {
    width: 40px;
    height: 40px;
    background: #03b8cf;
    color: #FFF;
    position: fixed;
    right: 15px;
    bottom: 55px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    display: none;
    z-index: 100;
}
#get-top i {
    margin: 0;
    font-size: 20px;
}
.footer {
    padding: 15px 20px 10px 20px;
    border-top: 1px solid #d0d0d0;
    background-color: #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #5d5d5d;
}
@media (min-width: 768px) {
    .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding: 0 10px
    }
    #content .main {
        padding-top: 51px;
    }
    .sousuo {
        padding: 10px 0 50px 0;
        margin-top: 0;
    }
    .sousuo-form {
        width: 100%;
        margin: 0 auto;
    }
    #input {
        outline: none;
        padding: 0 10px;
        height: 46px;
        line-height: 46px;
        border: 1px solid #ccc;
        border-left: none;
        display: block;
        padding-left: 90px;
    }
    .link-box {
        width: 12.5%;
        float: left
    }
    .item-tit > strong {
        padding: 5px 0 0 10px;
        margin-bottom: 10px;
    }
    .get-home {
        margin: 0;
        margin-top: 20px;
    }
    .footer {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    header {
        height: 60px;
        border-bottom: 1px solid #e8e8e8;
    }
    header .main {
        padding: 0 22px;
    }
    header .logo {
        float: left;
        font-size: 22px;
        margin: 0;
        font-weight: 900;
        border: none;
    }
    header .logo a {
        display: block;
        line-height: 50px;
        color: #484848;
        font-weight: 900;
    }
    header .logo img {
        width: 30px;
        vertical-align: -10px;
    }
    header .nav {
        float: left;
        margin-left: 25px;
        padding-top: 0px;
        height: 100%;
        display: block;
        overflow: hidden;
        position: static;
        width: auto;
        box-shadow: none;
    }
    header .nav li {
        float: left;
        font-size: 16px;
    }
    header .nav a {
        display: block;
        line-height: 59px;
        color: #959595;
        padding: 0 18px;
        border-bottom: 1px solid #e8e8e8;
    }
    header .nav a:hover {
        border-color: #459df5;
        color: #459df5;
    }
    .left-bar {
        height: 100%;
        background: #FFF;
        top: 60px;
        left: 0;
        z-index: 1;
    }
    .left-bar .header {
        padding: 11px 0px;
        border-bottom: none;
        margin: 0 25px;
        padding-top: 15px;
    }
    .left-bar .header h2 {
        color: #28b779;
        font-size: 16px;
        font-weight: bold;
        line-height: inherit;
        border-left: 3px solid #28b779;
        padding-left: 10px;
    }
    .left-bar .menu {
        height: 600px;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2
    }
    .left-bar .tree-menu {
        border-bottom: 1px solid #e8e8e8;
    }
    .left-bar .tree li.open > ul {
        height: 281px;
        background: #f5f5f5;
    }
    .tree-menu li li a {
        color: #797979;
        font-size: 14px;
    }
    .search {
        width: 650px;
    }
    .search-engine {
        width: 650px;
    }
    .search-engine-list li {
        width: 112px;
        margin: 0 15px 15px 0;
    }
    #content .main {
        margin-left: 200px;
        padding-top: 70px
    }
    .content-box {
        padding: 0 10px;
        padding-top: 61px
    }
    .nav-item .container-fluid {
        padding: 20px 20px 10px 20px;
    }
    .item > .container-fluid .row {
        padding: 0;
    }
    .card-box .col-md-3 {
        padding: 0 7.5px;
    }
    .card-link {
        margin-bottom: 15px;
    }
    .main .list-box .menu-list {
        margin: 0px 10px 20px 10px;
    }
    .nav-tabs > li > a {
        padding: 4px 15px;
    }
    .footer {
        margin-top: 30px;
    }
}
@media (min-width: 1200px) {
    header .nav a {
        padding: 0 25px;
    }
    .content-box {
        padding: 0 20px;
    }
    .sousuo-form {
        width: 60%
    }
    .item > .container-fluid {
        padding: 0;
        padding-top: 91px;
        margin-top: -65px;
    }
}
@media (min-width: 1700px) {
    .content-box {
        max-width: 1400px;
    }
    .col-md-3 {
        width: 20%;
    }
}
</style>
</head>
<body id="nav_body">
<!--[if lt IE 10]>
<div class="alert alert-danger">
    您正在使用 
    <strong>过时的</strong> 浏览器. 请更换一个更好的浏览器来提升用户体验.
</div>
<![endif]--><!--头部导航条-->
<header>
<div class="main">
    <h1 class="logo">
    <a href="index.html">
    <img src="https://i.loli.net/2020/08/13/zcOyYnZmAUNB1ap.jpg">
    <span>简单导航</span>
    </a>
    </h1>
    <!--顶部导航条-->
    <nav class="nav">
    <ul>
        <li><a href="index.html">简单导航</a></li>
        <li><a href="noonetodie/index.html" target="_blank">一个都不能死</a></li>
        <li><a href="win12/start.html" target="_blank">win12</a></li>
    </ul>
    </nav>
    <!--便携设备右上角菜单-->
    <button class="nav-btn visible-xs visible-sm"><span class="icon-line top"></span><span class="icon-line middle"></span><span class="icon-line bottom"></span>
    </button>
</div>
</header>
<div id="content">
    <!--左侧目录，导航跳转-->
    <div class="left-bar">
        <div class="header">
            <h2>目录</h2>
        </div>
        <div class="menu" id="menu">
            <ul class="scrollcontent">
                <!--左侧目录，按照需要修改和添加，参考已有的修改名称和href-->
                <li><a href="#row-1">常用推荐</a></li>
                <li><a href="#row-2">资源下载</a></li>
                <li><a href="#row-3">实用工具</a></li>
                <li><a href="#row-4">分享软件</a></li>
                <li><a href="#row-5">知识学习</a></li>
                <li><a href="#row-6">资讯博客</a></li>
                <li><a href="#row-7">网络书籍</a></li>
                <li><a href="#row-8">网址导航</a></li>
                <li><a href="#row-9">视频教程</a></li>
                <li><a href="#row-10">在线游戏</a></li>
                <li><a href="#row-other">其他小众</a></li>
            </ul>
        </div>
    </div>
    <!--内容-->
    <div class="main">
        <div class="container content-box">
            <!--搜索栏-->
            <section class="sousuo">
            <div class="search">
                <div class="search-box">
                    <button class="search-engine-name" id="search-engine-name">百度搜索</button>
                    <input type="text" id="txt" class="search-input" placeholder="选择引擎，输入关键字，回车/Enter搜索"/>
                    <button class="search-btn" id="search-btn">搜索</button>
                </div>
                <!-- 搜索引擎 -->
                <div class="search-engine">
                    <div class="search-engine-head">
                        <strong class="search-engine-tit">选择您的默认搜索引擎：</strong>
                    </div>
                    <ul class="search-engine-list">
                    </ul>
                </div>
            </div>
            </section>
            <!--导航分类范例1，请根据自己的需求进行修改-->
            <section class="item card-box" id="row-1">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>常用推荐</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.smzdm.com/" class="card-link" target="_blank">
                            <div class="card-tit">什么值得买</div>
                            <div class="card-desc">网购就上什么值得买，让您的消费更值！</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://xd.x6d.com/" class="card-link" target="_blank">
                            <div class="card-tit">小刀娱乐网</div>
                            <div class="card-desc">专注活动，软件，教程分享！</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.52pojie.cn/" class="card-link" target="_blank">
                            <div class="card-tit">吾爱破解</div>
                            <div class="card-desc">吾爱破解论坛致力于软件安全与病毒分析的前沿。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://wannengrun.com/zh/" class="card-link" target="_blank">
                            <div class="card-tit">万能命令</div>
                            <div class="card-desc">快捷寻找和直达你想要的各类工具。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.zhihu.com/" class="card-link" target="_blank">
                            <div class="card-tit">知乎</div>
                            <div class="card-desc">有问题，上知乎。知乎，可信赖的问答社区，以让每个人高效获得可信赖的解答为使命。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://tophub.today/" class="card-link" target="_blank">
                            <div class="card-tit">今日热榜官网</div>
                            <div class="card-desc">今日热榜提供各站热榜聚合：微信、今日头条、百度、知乎、V2EX、微博、贴吧、豆瓣、天涯、虎扑、Github、抖音等等</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://guozhivip.com/rank/" class="card-link" target="_blank">
                            <div class="card-tit">果汁排行榜</div>
                            <div class="card-desc">果汁排行榜是一个聚合各种排行榜的一个实用网站。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.anyknew.com/" class="card-link" target="_blank">
                            <div class="card-tit">AnyKnew</div>
                            <div class="card-desc">AnyKnew 是一个效率资讯 - 高效读新闻, 5分钟遍历全网热点</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://u.gitcafe.net/" class="card-link" target="_blank">
                            <div class="card-tit">小纸条</div>
                            <div class="card-desc">开放纯粹的资源网站</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>
            
            <section class="item card-box" id="row-2">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>资源下载</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://cont.12315.cn/" class="card-link" target="_blank">
                            <div class="card-tit">合同示范文本库</div>
                            <div class="card-desc">合同示范文本库收集了市场监管部门制定发布的合同示范文本，供社会公众查阅下载。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.youhou8.com/" class="card-link" target="_blank">
                            <div class="card-tit">油猴吧</div>
                            <div class="card-desc">一个给油猴/暴力猴 提供用户脚本的网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.crxsoso.com/" class="card-link" target="_blank">
                            <div class="card-tit">Crx搜搜</div>
                            <div class="card-desc">一个牛X的扩展和应用商店</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.chrome666.com/" class="card-link" target="_blank">
                            <div class="card-tit">chrome666</div>
                            <div class="card-desc">分享好用靠谱的，Chrome/谷歌浏览器插件</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://chrome.zzzmh.cn/" class="card-link" target="_blank">
                            <div class="card-tit">极简插件</div>
                            <div class="card-desc">极简插件是一个优质Chrome插件扩展收录下载网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.crx4chrome.com/" class="card-link" target="_blank">
                            <div class="card-tit">crx4chrome</div>
                            <div class="card-desc">英文chrome插件下载网</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://extfans.com/" class="card-link" target="_blank">
                            <div class="card-tit">扩展迷</div>
                            <div class="card-desc">专业的中文chrome插件下载站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.qijishow.com/" class="card-link" target="_blank">
                            <div class="card-tit">奇迹秀</div>
                            <div class="card-desc">奇迹秀是一个公益组织，为设计师提供设计干货及资源</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="hhttps://cupfox.app/" class="card-link" target="_blank">
                            <div class="card-tit">茶杯狐</div>
                            <div class="card-desc">努力让找电影变得简单</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://msdn.itellyou.cn/" class="card-link" target="_blank">
                            <div class="card-tit">itellyou</div>
                            <div class="card-desc">MSDN, 我告诉你Windows系统软件镜像下载</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://hellowindows.cn/" class="card-link" target="_blank">
                            <div class="card-tit">hellowindows</div>
                            <div class="card-desc">精校 完整 极致 Windows系统下载仓储站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.jiumodiary.com/" class="card-link" target="_blank">
                            <div class="card-tit">鸠摩搜书</div>
                            <div class="card-desc">常用的电子书搜索集合</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://sa1lib.org/" class="card-link" target="_blank">
                            <div class="card-tit">数字图书馆</div>
                            <div class="card-desc">数字图书馆。搜索书籍。免费下载书籍</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.vmovier.com/" class="card-link" target="_blank">
                            <div class="card-tit">场库</div>
                            <div class="card-desc">高品质短片分享平台</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.kisssub.org/" class="card-link" target="_blank">
                            <div class="card-tit">爱恋动漫下载</div>
                            <div class="card-desc">各种动漫资源</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://vdianying.cc/" class="card-link" target="_blank">
                            <div class="card-tit">纪录片</div>
                            <div class="card-desc">唯电影 纪录片大全、热门视频、正能量及素材分享与下载</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.pearvideo.com/" class="card-link" target="_blank">
                            <div class="card-tit">梨视频</div>
                            <div class="card-desc">资讯短视频</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://wallhaven.cc/" class="card-link" target="_blank">
                            <div class="card-tit">wallhaven</div>
                            <div class="card-desc">外国网站-桌面背景</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://photo.ihansen.org/" class="card-link" target="_blank">
                            <div class="card-tit">美图集</div>
                            <div class="card-desc">国内网站-桌面背景</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.aigei.com/" class="card-link" target="_blank">
                            <div class="card-tit">爱给网</div>
                            <div class="card-desc">中国最大的数字娱乐免费素材下载网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://fflp.ysepan.com/" class="card-link" target="_blank">
                            <div class="card-tit">非凡工作室</div>
                            <div class="card-desc">乱七八糟的个人网站</div>
                            </a>
                        </div>
</div>
                </div>
            </div>
            </section>
            
            <section class="item card-box" id="row-3">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>实用工具</strong>
                    </div>
                    <!--获取内容列表-->                 
                    <div class="clearfix two-list-box">  
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.67tool.com/" class="card-link" target="_blank">
                            <div class="card-tit">即时工具</div>
                            <div class="card-desc">即时工具-致力打造即用即走型在线工具箱</div>
                            </a>
                        </div>                   
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.idongde.com/" class="card-link" target="_blank">
                            <div class="card-tit">懂得</div>
                            <div class="card-desc">懂得 是一个生活知识内容平台，致力于帮助用户解决生活中遇到的各类“我该怎么办？”的问题</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.hisprice.cn/" class="card-link" target="_blank">
                            <div class="card-tit">商品历史价格查询</div>
                            <div class="card-desc">商品历史价格查询工具让您轻松掌握商品的历史价格趋势</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.maoken.com/" class="card-link" target="_blank">
                            <div class="card-tit">猫啃网</div>
                            <div class="card-desc">免费字体下载,免费商用字体,免版权字体,无版权的字体</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.toolfk.com/" class="card-link" target="_blank">
                            <div class="card-tit">TOOLFK在线工具人</div>
                            <div class="card-desc">TOOLFK立志做一个对他人有用的在线工具站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.iamwawa.cn/" class="card-link" target="_blank">
                            <div class="card-tit">蛙蛙工具</div>
                            <div class="card-desc">蛙蛙工具是一个包含大量在线工具的网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://tools.liumingye.cn/" class="card-link" target="_blank">
                            <div class="card-tit">刘明野的工具箱</div>
                            <div class="card-desc">刘明野的工具箱提供好用、易用的工具</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.virscan.org/language/zh-cn/" class="card-link" target="_blank">
                            <div class="card-tit">在线查毒</div>
                            <div class="card-desc">virscan多引擎查毒</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://n.shellpub.com/" class="card-link" target="_blank">
                            <div class="card-tit">shellpub</div>
                            <div class="card-desc">在线的脚本安全检查网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://weibodang.cn/" class="card-link" target="_blank">
                            <div class="card-tit">微博党</div>
                            <div class="card-desc">各种在线视频下载网站,相当好用</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://cowtransfer.com/" class="card-link" target="_blank">
                            <div class="card-tit">奶牛快传</div>
                            <div class="card-desc">国内一个好用的临时传输网盘,支持手机和二维码</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.google.cn/maps/" class="card-link" target="_blank">
                            <div class="card-tit">谷歌地图</div>
                            <div class="card-desc">好用流畅的地图,还有值得体验的谷歌街景</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://translate.google.cn/" class="card-link" target="_blank">
                            <div class="card-tit">谷歌翻译</div>
                            <div class="card-desc">不错的翻译能力</div>
                            </a>
                        </div>
					           <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://squoosh.app/" class="card-link" target="_blank">
                            <div class="card-tit">谷歌squoosh</div>
                            <div class="card-desc">谷歌Chrome实验室在线压缩图片网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://cn.office-converter.com/" class="card-link" target="_blank">
                            <div class="card-tit">免费在线文件转换器</div>
                            <div class="card-desc">免费在线转换视频,音频,图形,文档,压缩格式</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.alltoall.net/" class="card-link" target="_blank">
                            <div class="card-tit">alltoall</div>
                            <div class="card-desc">凹凸凹是一个在线格式转换网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ilovepdf.com/zh-cn" class="card-link" target="_blank">
                            <div class="card-tit">ilovepdf</div>
                            <div class="card-desc">PDF文件在线操作</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.remove.bg/" class="card-link" target="_blank">
                            <div class="card-tit">remove.bg</div>
                            <div class="card-desc">全智能自动在线抠图网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://editor.polaxiong.com/" class="card-link" target="_blank">
                            <div class="card-tit">泼辣修图</div>
                            <div class="card-desc">好用在线网页修图</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.ocrmaker.com/" class="card-link" target="_blank">
                            <div class="card-tit">在线OCR</div>
                            <div class="card-desc">文字识别和文字提取</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.ip138.com/" class="card-link" target="_blank">
                            <div class="card-tit">IP查询</div>
                            <div class="card-desc">IP查询与IP列表</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://tool.manmanbuy.com/HistoryLowest.aspx" class="card-link" target="_blank">
                            <div class="card-tit">慢慢买历史比价</div>
                            <div class="card-desc">查商品历史价格走势</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://pasteme.cn/" class="card-link" target="_blank">
                            <div class="card-tit">可私有文本分享平台</div>
                            <div class="card-desc">PasteMe 是一个无需注册的文本分享平台</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.jq22.com/textDifference" class="card-link" target="_blank">
                            <div class="card-tit">在线文本比较工具</div>
                            <div class="card-desc">替代PC端的beyond compare</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://carbon.now.sh/" class="card-link" target="_blank">
                            <div class="card-tit">代码生成图片</div>
                            <div class="card-desc">代码排版美化生成图片在线工具</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.canva.cn/" class="card-link" target="_blank">
                            <div class="card-tit">canva</div>
                            <div class="card-desc">真免费网上平面设计工具</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://zenvideo.qq.com/" class="card-link" target="_blank">
                            <div class="card-tit">智影</div>
                            <div class="card-desc">智影是一款云端智能视频创作工具</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.magiceraser.io/" class="card-link" target="_blank">
                            <div class="card-tit">魔术橡皮擦</div>
                            <div class="card-desc">瞬间删除图像中不需要的部分</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://alternativeto.net/" class="card-link" target="_blank">
                            <div class="card-tit">alternativeto</div>
                            <div class="card-desc">以推荐相似软件出名，支持按照平台来搜索，Windows, Mac, Linux 和Web 等平台都可以。</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>
            
            <section class="item card-box" id="row-4">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>分享软件</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ypojie.com/" class="card-link" target="_blank">
                            <div class="card-tit">亿破姐</div>
                            <div class="card-desc">亿破姐官方网站精选互联网优秀软件分享</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ghxi.com/" class="card-link" target="_blank">
                            <div class="card-tit">果核剥壳</div>
                            <div class="card-desc">果核剥壳是一家综合科技站点，看新闻，分享破解软件、绿色软件，Windows系统。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.th-sjy.com/" class="card-link" target="_blank">
                            <div class="card-tit">th_sjy</div>
                            <div class="card-desc">专注软件汉化</div>
                            </a>
                        </div>
                             <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.yeyulingfeng.com/" class="card-link" target="_blank">
                            <div class="card-tit">夜雨聆风</div>
                            <div class="card-desc">专注于互联网资源分享，乐于分享，好资源不私藏！</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.appinn.com/" class="card-link" target="_blank">
                            <div class="card-tit">小众软件</div>
                            <div class="card-desc">软件分享和介绍</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://hrtsea.com/" class="card-link" target="_blank">
                            <div class="card-tit">烈火软件</div>
                            <div class="card-desc">烈火汉化的一些实用的软件、绿色软件</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.dayanzai.me/" class="card-link" target="_blank">
                            <div class="card-tit">大眼仔旭</div>
                            <div class="card-desc">软件集散地</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.423down.com/" class="card-link" target="_blank">
                            <div class="card-tit">ZD423</div>
                            <div class="card-desc">知名软件达人</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://foxirj.com/" class="card-link" target="_blank">
                            <div class="card-tit">佛系软件</div>
                            <div class="card-desc">精品Windows,macOS破解软件下载</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.dog886.com/" class="card-link" target="_blank">
                            <div class="card-tit">小叨软件</div>
                            <div class="card-desc">最优严选软件</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.5ilr.com" class="card-link" target="_blank">
                            <div class="card-tit">5ilr绿软</div>
                            <div class="card-desc">靠谱软件下载网</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ligonggong.com/" class="card-link" target="_blank">
                            <div class="card-tit">冰夜无语-软件库</div>
                            <div class="card-desc">本站免费推荐好用实用的软件及资源</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.wrfou.com/" class="card-link" target="_blank">
                            <div class="card-tit">挖软否-挖掘软件的乐趣</div>
                            <div class="card-desc">网站致力于Windows、Mac、Android相关知识解答和精品软件分享</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>
            
            <section class="item card-box" id="row-5">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>知识学习</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://docs.qq.com/sheet/DRU5MWHZCTHFGQnhM?tab=qb1sze&_t=1666091448128&ADUIN=77158095&ADSESSION=1666078764&ADTAG=CLIENT.QQ.5923_.0&ADPUBNO=27245&u=bf6d41dbccd440fe8c627d5846790a7c" class="card-link" target="_blank">
                            <div class="card-tit">知识库</div>
                            <div class="card-desc">最全公开课知识库</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://oeasy.org/" class="card-link" target="_blank">
                            <div class="card-tit">oeasy教程网</div>
                            <div class="card-desc">各种大量免费的教程</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.shiyanlou.com/courses/?fee=free" class="card-link" target="_blank">
                            <div class="card-tit">实验楼免费课程</div>
                            <div class="card-desc">交互式提供环境的编程教学</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.yxgapp.com/" class="card-link" target="_blank">
                            <div class="card-tit">译学馆</div>
                            <div class="card-desc">优质的外国同步翻译综合视频学习网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://open.163.com/ted/" class="card-link" target="_blank">
                            <div class="card-tit">TED</div>
                            <div class="card-desc">接触各式思想大咖</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.a-hospital.com/" class="card-link" target="_blank">
                            <div class="card-tit">A+医学百科</div>
                            <div class="card-desc">开放的在线医学百科,获取和分享医学保健知识</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://zh.wikihow.com/%E9%A6%96%E9%A1%B5" class="card-link" target="_blank">
                            <div class="card-tit">wikihow中文版</div>
                            <div class="card-desc">类似于百度经验的国外站</div>
                            </a>
                        </div>
                         <div class="clearfix ">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.w3school.com.cn" class="card-link" target="_blank">
                            <div class="card-tit">w3school</div>
                            <div class="card-desc">领先的免费 Web 技术教程，在 w3school，你可以找到你所需要的所有的网站建设教程</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.runoob.com/" class="card-link" target="_blank">
                            <div class="card-tit">菜鸟教程</div>
                            <div class="card-desc">学的不仅是技术，更是梦想！该站提供了很全的编程技术基础教程，适合入门学习</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.hubwiz.com/" class="card-link" target="_blank">
                            <div class="card-tit">汇智网</div>
                            <div class="card-desc">汇智网是一个学习最前沿编程技术的平台，提供了node.js、js、jq等相关的课程</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.w3cways.com/" class="card-link" target="_blank">
                            <div class="card-tit">W3Cways</div>
                            <div class="card-desc">Web前端学习之路，网站提供很丰富的相关技术中文文档</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.html.cn/" class="card-link" target="_blank">
                            <div class="card-tit">WEB前端开发</div>
                            <div class="card-desc">一个前端开发技术和前端开发资讯的专业博客，专注前端开发，关注用户体验</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://developer.mozilla.org/zh-CN/docs/Learn" class="card-link" target="_blank">
                            <div class="card-tit">Mozilla 开发者网络</div>
                            <div class="card-desc">一个完整的学习平台，你可以在这里深入学习网络技术以及能够驱动网络的软件</div>
                            </a>
                        </div>						
                    </div>
                </div>
            </div>
            </section>
            
            <section class="item card-box" id="row-6">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>资讯博客</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.williamlong.info/" class="card-link" target="_blank">
                            <div class="card-tit">月光博客</div>
                            <div class="card-desc">老牌互联网和科技博客</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.solidot.org/" class="card-link" target="_blank">
                            <div class="card-tit">奇客Solidot</div>
                            <div class="card-desc">奇客的资讯，重要的东西</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.huxiu.com/" class="card-link" target="_blank">
                            <div class="card-tit">虎嗅网</div>
                            <div class="card-desc">聚合资讯新媒体平台</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.qdaily.com/" class="card-link" target="_blank">
                            <div class="card-tit">好奇心日报</div>
                            <div class="card-desc">好奇驱动你的世界</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.tmtpost.com/" class="card-link" target="_blank">
                            <div class="card-tit">钛媒体</div>
                            <div class="card-desc">引领未来商业与生活新知</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.cnbeta.com/" class="card-link" target="_blank">
                            <div class="card-tit">cnbeta</div>
                            <div class="card-desc">中文业界资讯站</div>
                            </a>
                        </div> 
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://36kr.com/" class="card-link" target="_blank">
                            <div class="card-tit">36氪</div>
                            <div class="card-desc">让一部分人先看到未来</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ifanr.com/" class="card-link" target="_blank">
                            <div class="card-tit">爱范儿</div>
                            <div class="card-desc">让未来触手可及</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.tuicool.com/ah" class="card-link" target="_blank">
                            <div class="card-tit">推酷</div>
                            <div class="card-desc">IT人专属的个性聚合阅读社区</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.jintiankansha.me/" class="card-link" target="_blank">
                            <div class="card-tit">今天看点啥</div>
                            <div class="card-desc">聚合资讯阅读</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>

            <section class="item card-box" id="row-7">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>网络书籍</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://zh.sa1lib.org/" class="card-link" target="_blank">
                            <div class="card-tit">数字图书馆</div>
                            <div class="card-desc">数字图书馆。搜索书籍。免费下载书籍</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.zxcs.me/" class="card-link" target="_blank">
                            <div class="card-tit">知轩藏书</div>
                            <div class="card-desc">全本电子书下载</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.kgbook.com/" class="card-link" target="_blank">
                            <div class="card-tit">苦瓜书盘</div>
                            <div class="card-desc">绿色清新的电子书籍下载站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://bbs.gxsd.com.cn/forum.php" class="card-link" target="_blank">
                            <div class="card-tit">国学数典论坛</div>
                            <div class="card-desc">古籍资料和下载</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.pdfbook.cn/" class="card-link" target="_blank">
                            <div class="card-tit">云海电子图书馆</div>
                            <div class="card-desc">网上电子书籍集合,但跳转广告不少,建议开启屏蔽广告插件</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://manybooks.net/" class="card-link" target="_blank">
                            <div class="card-tit">manybooks</div>
                            <div class="card-desc">外国电子书资源,文学类偏多</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>

            <section class="item card-box" id="row-8">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>网址导航</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://morething.top/" class="card-link" target="_blank">
                            <div class="card-tit">有点儿东西</div>
                            <div class="card-desc">致力于发现更多美好实用的网站资源，影视、软件、网盘、编程搜索和技术分享。</div>
                            </a>
                        </div>  
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://site.sciping.com/" class="card-link" target="_blank">
                            <div class="card-tit">科塔学术导航</div>
                            <div class="card-desc">科塔学术导航是一个质量非常高的学术导航网站，强烈推荐收藏。</div>
                            </a>
                        </div>  
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://search.chongbuluo.com/" class="card-link" target="_blank">
                            <div class="card-tit">快搜</div>
                            <div class="card-desc">虫部落快搜,聚合搜索引擎,搜索快人一步</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://webjike.com/" class="card-link" target="_blank">
                            <div class="card-tit">小呆导航</div>
                            <div class="card-desc">可自定义的简洁网址导航</div>
                            </a>
                        </div>                      
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.egouz.com/" class="card-link" target="_blank">
                            <div class="card-tit">国外网站推荐</div>
                            <div class="card-desc">自己探索下淘出喜欢的网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://chuangzaoshi.com/" class="card-link" target="_blank">
                            <div class="card-tit">创造狮导航</div>
                            <div class="card-desc">面向前端创造者的导航</div>
                            </a>
                        </div>	
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://hao.shejidaren.com/" class="card-link" target="_blank">
                            <div class="card-tit">设计导航</div>
                            <div class="card-desc">精选最好的设计网站大全</div>
                            </a>
                        </div>                          
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://webfullstack.me/" class="card-link" target="_blank">
                            <div class="card-tit">Web全栈开发网址导航</div>
                            <div class="card-desc">了解最新全栈开发信息，了解全栈技能尽在Web全栈开发网址导航</div>
                            </a>
                        </div>	                         
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://lxqnsys.com/d/#/index" class="card-link" target="_blank">
                            <div class="card-tit">五花八门导航</div>
                            <div class="card-desc">一个简洁的高度自定义导航网站</div>
                            </a>
                        </div>		                       	                         
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://creativemass.cn/" class="card-link" target="_blank">
                            <div class="card-tit">CreativeMass创意导航</div>
                            <div class="card-desc">精选创意导航</div>
                            </a>
                        </div>		                       	                         
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://hao.5iux.cn/" class="card-link" target="_blank">
                            <div class="card-tit">5IUX设计师导航</div>
                            <div class="card-desc">设计综合导航</div>
                            </a>
                        </div>			                       	                         
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.soukuzhan.com/" class="card-link" target="_blank">
                            <div class="card-tit">搜酷站</div>
                            <div class="card-desc">专注于搜罗全网酷站</div>
                            </a>
                        </div>				                       	                         
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.dajiadaohang.com/" class="card-link" target="_blank">
                            <div class="card-tit">打假导航</div>
                            <div class="card-desc">打假人,执法者,进货人,消费者专用查询的网址导航站点</div>
                            </a>
                        </div>				
                    </div>
                </div>
            </div>
            </section>
            <section class="item card-box" id="row-9">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>视频教程</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.imooc.com/" class="card-link" target="_blank">
                            <div class="card-tit">慕课网</div>
                            <div class="card-desc">程序员的梦工厂，慕课网是垂直的互联网IT技能免费学习网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.jikexueyuan.com/" class="card-link" target="_blank">
                            <div class="card-tit">极客学院</div>
                            <div class="card-desc">一家很不错的IT职业在线教育平台，入门教程视频通俗易懂，很适合新手学习</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.zhaikexueyuan.com/" class="card-link" target="_blank">
                            <div class="card-tit">宅客学院</div>
                            <div class="card-desc">IT职业教育线上品牌，课程涵盖大数据、前端开发、后端开发等，免费课程挺多的</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://xiedaimala.com/" class="card-link" target="_blank">
                            <div class="card-tit">写代码啦</div>
                            <div class="card-desc">一家收费的前端开发线上培训机构，虽然课程收费，但是官网还是有挺多免费教程视频的</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://study.163.com/category/it" class="card-link" target="_blank">
                            <div class="card-tit">网易云课程 - 编程开发</div>
                            <div class="card-desc">网易旗下实用技能学习平台，内容非常丰富，免费教程也挺多的</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://ke.qq.com/course/list?mt=1001" class="card-link" target="_blank">
                            <div class="card-tit">腾讯课程 - IT互联网</div>
                            <div class="card-desc">腾讯推出的专业在线教育平台，采用直播教学方式，适合有充裕时间学习的同学</div>
                            </a>
                        </div>
                                                <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://qkmp4.cn/" class="card-link" target="_blank">
                            <div class="card-tit">趣看视界</div>
                            <div class="card-desc">免VIP看电影-全网资源实时更新，你想看的这里全都有</div>
                            </a>
                        </div>
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://www.mvyxws.com/" class="card-link" target="_blank">
                            <div class="card-tit">医学微视</div>
                            <div class="card-desc">医学微视是一个以视频的方式分享各种医学知识的良心网站，强烈安利。</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>

            <section class="item card-box" id="row-10">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>在线游戏</strong>
                    </div>
                    <!--获取内容列表-->
                        <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.yikm.net/" class="card-link" target="_blank">
                            <div class="card-tit">FC游戏在线玩</div>
                            <div class="card-desc">魂斗罗，超级玛丽，热血足球，三国志，合金弹头，拳皇。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://poki.cn/" class="card-link" target="_blank">
                            <div class="card-tit">免费在线游戏</div>
                            <div class="card-desc">玩最好玩的免费游戏 就在 Poki。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://lines.frvr.com/" class="card-link" target="_blank">
                            <div class="card-tit">在线连连看</div>
                            <div class="card-desc">一个在线连连看小游戏，打开就能玩</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://slither.io/" class="card-link" target="_blank">
                            <div class="card-tit">在线贪吃蛇</div>
                            <div class="card-desc">这是一个可以在线玩贪吃蛇的网站</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://liferestart.syaro.io/public/index.html" class="card-link" target="_blank">
                            <div class="card-tit">人生重开模拟器</div>
                            <div class="card-desc">一个文字冒险类的小游戏</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://weavesilk.com/" class="card-link" target="_blank">
                            <div class="card-tit">光线绘画网站</div>
                            <div class="card-desc">一个很好玩的光线绘画网站，不需要任何绘画基础</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.mazegenerator.net/" class="card-link" target="_blank">
                            <div class="card-tit">在线迷宫生成器</div>
                            <div class="card-desc">一个在线迷宫生成器，你自己可以选择迷宫的形状</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="http://emojisandearthporn.com/" class="card-link" target="_blank">
                            <div class="card-tit">寻找不动的emoji</div>
                            <div class="card-desc">一个挑战眼力的游戏，在这些动的表情中找到那个不动的。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://nazo.one-story.cn/" class="card-link" target="_blank">
                            <div class="card-tit">一个很烧脑的小游戏</div>
                            <div class="card-desc">输入正确的答案才能进去下一关</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://dos.zczc.cz/" class="card-link" target="_blank">
                            <div class="card-tit">在线 DOS 游戏</div>
                            <div class="card-desc">在浏览器中在线游玩 DOS 游戏！</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://taiko.bui.pm/" class="card-link" target="_blank">
                            <div class="card-tit">太鼓达人</div>
                            <div class="card-desc">在网页里玩的太鼓达人，视觉效果做得非常棒，歌曲也多，戴上耳机，玩一把吧。</div>
                            </a>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://lab.bangbang93.com/wsyw" class="card-link" target="_blank">
                            <div class="card-tit">为所欲为生成器</div>
                            <div class="card-desc">咳咳，别想歪了，人家是一个正经网站，不管不输入什么成语，最后都会回到为所欲为。</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            </section>
            <section class="item card-box" id="row-other">
            <div class="container-fluid">
                <div class="row">
                    <div class="item-tit">
                        <strong>其他小众</strong>
                    </div>
                    <!--获取内容列表-->
                    <div class="clearfix two-list-box">
                        <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://www.ugediao.com/" class="card-link" target="_blank">
                            <div class="card-tit">有格调</div>
                            <div class="card-desc">推荐优质文章和资源</div>
                            </a>
                        </div>  <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://github.com/pgfldh/-X-" class="card-link" target="_blank">
                            <div class="card-tit">小X福利导航</div>
                            <div class="card-desc">小X福利导航最新地址，小X福利导航地址发布页</div>
                            </a>
                        </div>             
                         <div class="col-md-3 col-sm-4 col-xs-6">
                            <a href="https://fengshenx.lanzoui.com/b0ey6vaxe" class="card-link" target="_blank">
                            <div class="card-tit">快–樂–源–泉–合–集</div>
                            <div class="card-desc">男人快乐的源泉，请使用手机浏览器打开有惊喜哟</div>
                            </a>
                        </div>                 
                    </div>
                </div>
            </div>
            </section>                             
            <!--页脚-->
            <footer class="footer">
            <div class="container">
                <div class="rwo">
                    <div class="col-md-12">
                        <p>
                            本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：fflpweb@gmail.com
                        </p>
                        <!--代码源自小呆导航的开源代码，遵循MIT协议，此处保留源代码的声明-->
                        <p>Copyright  2019-2022 Powered by <a href="https://432600.xyz/" target="_blank" style="color: black;">简单导航网</a>
                        <a href="https://jiandan.neocities.org/" target="_blank" style="color: black;">镜像站点</a></span><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=CI2hBTi7jZXBxEp6&ck=CI2hBTi7jZXBxEp6"></script>
                        </p>
                    </div>
                </div>
            </div>
            </footer>
        </div>
        <!--内容区域-->
    </div>
    <div id="get-top" title="回到顶部">
        <i class="icon icon-arrow-up"></i>
    </div>
   <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
window.onscroll = function(){
//回到顶部
var sllTop = document.documentElement.scrollTop||document.body.scrollTop;
if(sllTop>240){
  $('#get-top').css('display','block')
}else{
  $('#get-top').css('display','none')
}
}
$('#get-top').click(function(){ 
  $('body,html').animate({
    scrollTop: 0
  }, 400);//点击回到顶部按钮，数字越小越快
})
//判断用户使用的设备
var deviceVal  = browserRedirect();
function browserRedirect() {
  var sUserAgent = navigator.userAgent.toLowerCase();
  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
  var bIsAndroid = sUserAgent.match(/android/i) == "android";
  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
  if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
    return 'phone';
  } else {
    return 'pc';
  }
}
  $('.nav-btn').on('click', function () {
    $('.nav').toggleClass('showNav');
    $(this).toggleClass('animated2');
  });
 
// 默认搜索引擎的内容，如果界面修改了需要同步修改
var thisSearch = 'https://www.baidu.com/s?wd=';

$('#txt').keydown(function(ev){
    // 回车键的处理
    if(ev.keyCode==13){
        window.open(thisSearch + $('#txt').val())
        // $('#txt').val('');
        $('#box ul').html('')
    }
})
$(function(){
  // 搜索引擎列表，样式一行五个内容，自动换行
  var search = {
    data: [
    {
      name: '小众搜索',
      url: 'https://mengso.com/search?q='
    }, 
    {
      name: '百度',
      url: 'https://www.baidu.com/s?wd='
    }, 
    {
      name: '必应',
      url: 'https://cn.bing.com/search?q='
    }, 
    {
      name: '好搜',
      url: 'https://www.so.com/s?q='
    }, 
    {
      name: '搜狗',
      url: 'https://www.sogou.com/web?query='
    },
    {
      name: '知乎',
      url: 'https://www.zhihu.com/search?type=content&q='
    },
    {
      name: '简书',
      url: 'https://www.jianshu.com/search?q='
    },
    {
      name: 'V2EX',
      url: 'https://www.sov2ex.com/?q='
    },
    {
      name: '微信',
      url: 'https://weixin.sogou.com/weixin?type=2&query='
    }, 
    {
      name: '豆瓣',
      url: 'https://www.douban.com/search?source=suggest&q='
    }, 
    {
      name: 'GitHub',
      url: 'https://github.com/search?q='
    },
    {
      name: '谷歌',
      url: 'https://www.google.com/search?q='
    },
    {
      name: '语雀',
      url: 'https://www.yuque.com/search?q='
    },	
    {
      name: '微博',
      url: 'https://s.weibo.com/weibo/'
    }, 
    {
      name: 'Bilibili',
      url: 'http://search.bilibili.com/all?keyword='
    }, 
	 {
      name: '悟空问答',
      url: 'http://www.wukong.com/search/?keyword='
    },
    {
      name: '优酷',
      url: 'https://so.youku.com/search_video/q_'
    },
    {
      name: '淘宝',
      url: 'https://s.taobao.com/search?q='
    },
    {
      name: '京东',
      url: 'http://search.jd.com/Search?keyword='
    },
    {
      name: '全球教程',
      url: 'http://www.coursade.com/courses?q='
    },
    {
      name: '考试题库',
      url: 'https://www.asklib.com/s/='
    }
	]
  }
  for(var i = 0; i < search.data.length; i++){
    var addList = '<li>' + search.data[i].name + '</li>'
    $('.search-engine-list').append(addList);
  }
  $('.search-engine-name, .search-engine').hover(function() {
    $('.search-engine').css('display', 'block')
  }, function() {
    $('.search-engine').css('display', 'none')
  });
  $('.search-engine-list li').click(function() {
    var _index = $(this).index();
    var searchNameBtn = document.getElementById("search-engine-name");
    searchNameBtn.innerHTML = search.data[_index].name;
    thisSearch = search.data[_index].url;
    $('.search-engine').css('display', 'none')
  })
})
$("#search-btn").click(function(){
  var textValue = $('#txt').val();
  if(textValue != ''){
    window.open(thisSearch + textValue)
  }
});
</script>
			<script>layui.use('carousel',
    function() {
      var element = layui.element;
      var carousel = layui.carousel;
      //建造实例
      carousel.render({
        elem: '#test1',
        width: '100%' //设置容器宽度
        ,
        arrow: 'always' //始终显示箭头
        //,anim: 'updown' //切换动画方式
      });
      $(".product-item").on('mouseenter',
      function() {
        $(this).addClass("item-mouseenter");
      });
      $(".product-item").on('mouseleave',
      function() {
        $(this).removeClass("item-mouseenter");
      });
    });</script>
			<script language="javascript"> 
　　 function Click(){ 
　　 alert('大兄弟，你再这样，我会问候你的'); 
　　 window.event.returnValue=false; 
　　 } 
　　 document.oncontextmenu=Click; 
　　 </script>
</div>
</body>
</html>
